<template lang="html">
	<menuItem @pageJump="pageJump" :navs="navs" :parentIndex="index" :level="level" :isCollapse="isCollapse"></menuItem>
</template>



<style>
  .el-menu-vertical-demo:not(.el-menu--collapse) {
    width: 200px;
    min-height: 400px;
    height:100%;
  }
</style>

<script>
    import menuItem from "@/components/common/menuItem.vue";
    export default {
        data() {
            return {
                isCollapse: false,
                index:0,
                level:0,
                navs:[]
            };
        },
        created() {
            var _this = this;
            _this.navs = JSON.parse(localStorage.getItem(_this.globalConfig.sessionKey.ltsh_session_menus));
        },
        methods: {
            pageJump(params){
                this.$emit('pageJump', params);
            },
            handleOpen(key, keyPath) {
                console.log(key, keyPath);
            },
            handleClose(key, keyPath) {
                console.log(key, keyPath);
            }
        },
        props:['activeIndex'],
        components: { menuItem }
    }
</script>
